<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>网站搭建 | YO工作室</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <div class="watermark">白云万维网工作室承建</div>

  <div class="main">
    <div class="site-header">
      <img class="avatar" src="logo.png" alt="YO工作室" />
      <h1 class="site-title">YO工作室</h1>
      <p class="site-description">欢迎来到YO工作室的官网</p>
      <nav class="menu-container">
        <a href="index.html" class="menu">首页</a>
        <a href="archives.html" class="menu">归档</a>
        <a href="tags.html" class="menu">标签</a>
      </nav>
    </div>

    <article class="post-detail">
      <h2 class="post-title">网站搭建</h2>
      <div class="post-info">2025-06-23 · 1 min read</div>
      <div class="post-content">
        <div class="service-package">
          <h3>个人基础套餐</h3>
          <div class="price">250元 一次性付费</div>
          <ul class="package-features">
            <li>免费域名（.xyz/.top等）</li>
            <li>稳定服务器空间</li>
            <li>响应式设计（适配手机/电脑）</li>
            <li>5个以内页面定制</li>
            <li>永久使用权限</li>
            <li>基础SEO设置</li>
          </ul>
        </div>

        <div class="service-package">
          <h3>朋友特惠套餐</h3>
          <div class="price">200元 一次性付费</div>
          <p>内容同上，需说明推荐人。</p>
        </div>

        <p>全程无需动手，我们包办所有流程。</p>
        <p>联系：15068768204（工作日19:00后）</p>
      </div>
    </article>

    <footer class="site-footer">© 2025 白云万维网工作室</footer>
  </div>
</body>
</html>